<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?> 
<form action="index.php" method="post" onsubmit="return validateForm(this);">
	<div id="bloqueNombreCategoria" style="float:left;width:100%;clear:left">
		<div id="bloqueNombre" style="float:left;width:50%;margin-top:15px;margin-bottom:15px">
			<div style="float:left; width:100%;clear:left;clear:right">
				<b>Nombre</b>
			</div>
			<div style="float:left; width:50%">
				<input type="text" id="eventName" name="eventName"/>
			</div>
		</div>
		<div id="bloqueCategoria" style="float:right;width:50%;margin-top:15px;margin-bottom:15px">
			<div style="float:left; width:100%;clear:left;clear:right">
				<b>Categoria</b>
			</div>
			<div style="float:left; width:50%">
				<select id="eventCategory" name="eventCategory" style="width:150px">
					<?php 
						
						foreach($this->categories as $category){
							?>
								<option value=<?php echo $category->getIdCategory();?>><?php echo $category->getNameCategory();?></option>
							<?php
						}
					?>
				</select>
			</div>
		</div>
	</div>
	<div id="bloqueFechaHora" style="float:left;width:100%;clear:left;margin-bottom:15px">
		<div id="bloqueFecha" style="float:left;width:50%">
			<div style="float:left; width:100%;clear:left;clear:right">
				<b>Fecha</b>
			</div>
			<div style="float:left; width:50%">
				<input type="text" id="eventDate" name="eventDate"/>
			</div>
		</div>
		<div id="bloqueHora" style="float:right;width:50%">
			<div style="float:left; width:100%;clear:left;clear:right">
				<b>Hora</b>
			</div>
			<div style="float:left; width:60%">
				<input type="text" id="eventHour" name="eventHour"/>
			</div>
		</div>
	</div>
	<div id="bloqueDescripcion" style="flaot:left;width:100%;clear:left;margin-top:15px;margin-bottom:15px">
		<div style="float:left; width:20%">
			<b>Descripcion</b>
		</div>
		<div style="float:left;clear:left; width:100%">
			<textarea rows="15" id="eventDescrip" name="eventDescrip" style="width:85%; height:150px"></textarea>
		</div>
	</div>
	<div id="bloqueImagen" style="float:left;width:100%;clear:left;margin-top:25px">
		<div style="float:left; width:20%">
			<b>Imagen (URL)</b>
		</div>
		<div style="float:left; width:80%">
			<input type="text" id="eventImage" name="eventImage" value="http://" style="width:81%"/>		
		</div>
	</div>
	<div id="bloqueSubmit" style="float:left;width:100%;clear:left;margin-top:25px">
		<div id="boton" style="margin-right:auto;margin-left:auto; display:block; width:150px">
			<input type="submit" class="large orange awesome" value="Crear &raquo"/>
		</div>
	</div>
	<input type="hidden" id="position" name="position"/>
	<input type="hidden" id="option" name="option" value="<?php echo $this->option;?>" />
	<input type="hidden" id="task" name="task" value="submitEvent" />
</form>